<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery.tooltip</title>
<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="../themes/default/tooltip.css" />
<script type="text/javascript" src="../jquery-1.10.2.js">
</script>
<script type="text/javascript" src="../jquery.json-2.4.js">
</script>
<script type="text/javascript" src="../src/jquery.parser.js">
</script>
<script type="text/javascript" src="../src/jquery.tooltip.js">
</script>
</head>
<body>
<div class="tooltip top in" style="top: 2px; left: 207px; display: block;">
  <div class="tooltip-arrow"></div>
  <div class="tooltip-inner">Tooltip on top</div>
</div>

<a class="xui-tooltip">测试一下</a>
<script>
		$(function(){
			$('.xui-tooltip').tooltip({
				content: '测试'
			});
		});
	</script>
</body>
</html>